// ================== Heights ================
@for $i from 0 through 10 {
    .h-#{$i * 100}px {
        height: #{$i * 100}px;
    }
}

.h-100vh,
[h-100vh] {
    min-height: 100vh;
}

//==================== Widths =====================
@for $i from 0 through 10 {
    [w-#{$i * 10}],
    .w-#{$i * 10} {
        width: #{$i * 10}+"%"+ !important;
    }
}

@media (max-width: 767px) {
    .w-sm-100 {
        width: 100% !important;
    }
}
